<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <h:head>
        <title>Welcome</title>
        <link rel="stylesheet" href="style/myStyle.css"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="script/javascript.js"></script>
        <script type="text/javascript" src="script/jquery.ui.datepicker"></script>

             <style type="text/css">
*{ 
font-family: 'Delius Unicase', cursive;
text-transform:capitalize;

}


</style>
    </h:head>

        <h:body>
       
            <div class="wrapper">

        	<div class="header">
                    <div id="welcome">
                         <h2>We are the Home of the Young Professionals. We offer jobs for students or those who have completed their studies and have up to five years of work experience. With us, you can work as a consultant on specific client assignments or you can become employed directly by one of our customer companies through our recruitment service. Find out more on our country specific web sites.</h2>
                    </div>
            
                    <div class="logo"></div>
                    
                      <h:form class="form">
               
                                 <fieldset>
                                 <legend>Apply for a job </legend>    
                                <label class="label" for="firstname">First Name</label>
                                <h:inputText class ="input"  value="#{applicationBean.firstName}" id="firstname"><f:validateLength minimum="4" maximum="15"/></h:inputText><br />
                                
                                <label class="label" for="surname">Surname</label>
                                <h:inputText class ="input"  value="#{applicationBean.surname}" id="surname"><f:validateLength minimum="4" maximum="15"/></h:inputText><br />
                                  <label class="label" for="birthday">Birthday</label>
                                <h:inputText class ="input"   value="#{applicationBean.SSN}" id="birthday"><f:validateLength minimum="4" maximum="15"/></h:inputText><br />
                                <label class="label" for="email">Email</label>
                                <h:inputText class ="input"   value="#{applicationBean.email}" id="email"><f:validateLength minimum="4" maximum="15"/></h:inputText><br />
                             </fieldset>  
                          
                      
                        
                          <fieldset class="field">
                             <legend>Availability: </legend>
                              <div class="inputtag">
                               <label class="label" for="from">Available from</label>
                               <h:inputText class ="AvCo"   value="#{applicationBean.fromDate}" id="from"><f:validateLength minimum="8" maximum="10"/></h:inputText> To
                               <h:inputText class ="AvCo"   value="#{applicationBean.toDate}" id="to"><f:validateLength minimum="8" maximum="10"/></h:inputText>

                               </div>
                       </fieldset>
                          
                          <fieldset class="field">
                             <legend>Competence: </legend>
                             <div class="inputtag4">
                               <label class="label" for="com">Competence</label>
                               <h:inputText class ="AvCo"   value="#{applicationBean.competence}" id="com"><f:validateLength minimum="1" maximum="3"/></h:inputText>Years of experience
                               <h:inputText class ="AvCo"   value="#{applicationBean.yearOfExperence}"><f:validateLength minimum="1" maximum="3"/></h:inputText>
                               <h:button  class="add4" value="Add" onclick="klickme()"/><br/>  
                             </div>
                       
                       </fieldset>
                 <h:commandButton class ="applybutton" value="Apply" action="#{applicationBean.createApplication()}"/>                             
                      </h:form>
                          

                
                </div>
                
                <div class="content"> 
            
                    
                
                    
                </div>
		 
 
 

            <div class="footer">
	</div> 

</div>
    </h:body>
</html>

